<template>
	<view class="content">
		<!-- <view class="new-head">
			<AllHeads name="关于我们" :type="type"></AllHeads>
		</view> -->
		<view class="ours-nav">
			<!-- @click="goAgreement" -->
			<view class="nav-item">
				<text class="oli-Utext">
					<a style="text-decoration: none;color: inherit;"
						href="https://www.yuque.com/fangaodeyouer/iys6kb/cc2eqt60g2sy2zlr?singleDoc#">用户协议</a>
				</text> <uni-icons type="arrowright" size="15"></uni-icons>
			</view>
			<!--  @click="goPrivacy" -->
			<view class="nav-item">
				<text class="oli-Utext"><a style="text-decoration: none;color: inherit;"
						href="https://www.yuque.com/fangaodeyouer/iys6kb/snzy7w3rm0cg4i6r?singleDoc#">隐私协议</a> </text>
				<uni-icons type="arrowright" size="15"></uni-icons>
			</view>

		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				type: 'arrow-left'
			};
		},
		methods: {
			goAgreement() {
				uni.navigateTo({
					url: "/pages/agreement/agreement"
				})
			},
			goPrivacy() {
				uni.navigateTo({
					url: "/pages/privacy/privacy"
				})
			},

		}
	}
</script>

<style lang="scss">
	.content {
		width: 100%;
		height: 100vh;
		background-color: #fff;
		padding: 25rpx;

		.new-head {
			width: 100%;
			padding: 50rpx 0 30rpx 0;
		}

		.ours-top {
			width: 100%;
			position: fixed;
			top: 0;
			left: 0;
			z-index: 9999;
			padding: 30rpx 20rpx;
			background-color: #434345;
			color: #fff;
			display: flex;

			.top-Ttext {
				margin-left: 260rpx;
				font-weight: 600;
			}
		}

		.ours-empty {
			height: 100rpx;
		}

		.ours-nav {
			background-color: #fff;
			// padding: 0 30rpx;

			.nav-item {
				padding: 24rpx 0;
				border-bottom: 2rpx dashed #ccc;
				display: flex;
				justify-content: space-between;
				align-items: center;
			}

			.oli-Utext {
				color: #717171;
				font-size: 27rpx;
			}
		}

	}
</style>